<script setup>
const produceList = [
     {
        icon:'/images/avatar1.jpg',
        title:'旗舰店',
        value:'刚刚',
        label:'描述信息',
     },
     {
        icon: '/images/avatar2.jpg',
        title: '旗舰店',
        value: '刚刚',
        label: '描述信息',
     },
     {
        icon:'/images/avatar3.png',
        title:'旗舰店',
        value:'刚刚',
        label:'描述信息',
     },
     {
        icon:'/images/avatar4.png',
        title:'旗舰店',
        value:'刚刚',
        label:'描述信息',
     },
];
</script>

<template>
    <van-cell-group>
        <van-cell v-for="item in produceList"
         :icon="item.icon"
         :title="item.title"
         :value="item.value"
         :label="item.label" 
         center
         />
    </van-cell-group>
</template>

<style lang="scss" scoped>
:deep(.van-cell) {
  .van-cell__left-icon{
    width: 40px;
    height: 40px;
    margin-right: 10px;
    .van-icon__image{
        width: 100%;
        height: 100%;
    }
  }

}
    </style>